{% extends "dash/base_dash.html" %}

{% block mystylesheet %}
    <link rel="stylesheet" href="{{ STATIC_URL }}css/style-icon-images.css" type="text/css" />
    <link rel="stylesheet" href="{{ STATIC_URL }}css/styleMati.css" type="text/css" />
{% endblock mystylesheet%}


{% block dashboard %}
    <div class="title-messages-help">Ayuda</div>
    <div class="help-content">
        <div class="help-clear"></div>
        <div class="help-content-left-bar">
            <image src="{{ STATIC_URL }}images/ayuda/preguntas_mas_frecuentes.jpg" width="40" height="40">
            <a href="/dash/preguntas_mas_frecuentes">
                <p class="help-content-label">Preguntas más frecuentes</p>
            </a>
        </div>
        <div class="help-clear"></div>
        <div class="help-content-left-bar">
            <image src="{{ STATIC_URL }}images/ayuda/temas_de_ayuda.jpg" width="40" height="40">
            <a href="/dash/temas_de_ayuda">
                <p class="help-content-label">Temas de Ayuda</p>
            </a>
        </div>
        <div class="help-content-body">
            {% block body-help %}
            {% endblock %}
        </div>
    </div>
{% endblock dashboard %}

{% block sidebar %}
<div style="position:fixed;">
</div>
{% endblock sidebar %}
